$screen-xs-max :769px;
// 封面
.course_pic_box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;

    .course_pic {
        // width: 50%;
        // max-width: 200px;
        // max-height: 200px;
        // 由于safair会将首页封面图严重拉长，所以暂时放弃 怀疑是flex布局作怪
        width: 200px!important;
        height: 200px!important;
    }

    .course_btn_group {
        margin: auto;
        position: relative;
        top: -20px;
        width: 60%;
        display: flex;
        justify-content: space-around;
    }
}

.course_brief_wrap {
    position: relative;

    // 课程须知
    .course_notice {
        margin-top: 110px;
    }
}

@media (max-width: $screen-xs-max) {
    .course_wrap {
        margin-top: 80px;
        box-shadow: none;
    }
    // 间隔
    .interval_l{
        margin-right: 20px;
    }
}